<template>
  <div>
    <el-row type="flex" style="height: 100%;margin-bottom: 5%">
      <el-col :span="4">
      </el-col>
      <el-col :span="3">
        <div style="width: 100%;height: 100%;">
          <Sidebar ref="sidebar"></Sidebar>
        </div>
      </el-col>
      <el-col :span="12">
        <div style="width: 100%;height: 100%">
          <!--<happy-scroll
            color="rgba(51,51,51,0.2)"
            resize style="height: 800px">

          </happy-scroll>-->
          <CenterShow ref="center"></CenterShow>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import Sidebar from "./Sidebar";
import CenterShow from "./Center";

export default {
  inject:['reload'],
  name: "ShowByType",
  components: {
    Sidebar,
    CenterShow,
  },
  data(){
    return{
      loading:true,
    }
  },
  methods:{
    onloading(){
      setTimeout(()=>{
        this.loading=false;
      },500);
      return true;
    },
  },
  mounted() {

  }
}
</script>

<style scoped>

</style>
